import { ColorScaleItem } from '../types';

const slate: ColorScaleItem = {
  dark: [
    '#000000',
    '#1b1c1d',
    '#242527',
    '#2e2f32',
    '#383a3c',
    '#434547',
    '#4e5052',
    '#595b5e',
    '#64676a',
    '#707276',
    '#7b7e82',
    '#b8babc',
    '#ffffff',
  ],
  darkA: [
    'rgba(255, 255, 255, 0.02)',
    'rgba(225, 233, 242, 0.12)',
    'rgba(225, 231, 244, 0.16)',
    'rgba(230, 235, 250, 0.2)',
    'rgba(233, 242, 250, 0.24)',
    'rgba(239, 246, 254, 0.28)',
    'rgba(236, 242, 248, 0.33)',
    'rgba(241, 246, 254, 0.37)',
    'rgba(238, 245, 252, 0.42)',
    'rgba(238, 243, 251, 0.47)',
    'rgba(241, 247, 255, 0.51)',
    'rgba(249, 251, 254, 0.74)',
    '#ffffff',
  ],
  light: [
    '#ffffff',
    '#f9f9fa',
    '#ebebec',
    '#dcddde',
    '#cecfd0',
    '#bfc1c3',
    '#b1b3b5',
    '#a4a6a8',
    '#96989b',
    '#898b8e',
    '#7b7e82',
    '#484a4d',
    '#111',
  ],
  lightA: [
    'rgba(0, 0, 0, 0.015)',
    'rgba(55, 55, 88, 0.03)',
    'rgba(5, 5, 17, 0.08)',
    'rgba(5, 12, 19, 0.14)',
    'rgba(10, 15, 20, 0.2)',
    'rgba(9, 17, 24, 0.26)',
    'rgba(3, 10, 16, 0.31)',
    'rgba(2, 8, 13, 0.36)',
    'rgba(5, 10, 17, 0.42)',
    'rgba(4, 8, 15, 0.47)',
    'rgba(1, 7, 15, 0.52)',
    'rgba(1, 4, 8, 0.72)',
    'rgba(2, 3, 4, 0.9)',
  ],
};

export default slate;
